<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./vue.global.js"></script>
    <link rel="stylesheet" href="./index.css" />
    <link rel="stylesheet" href="./table.css" />
    <link rel="stylesheet" href="./gongzi.css" />
    <script src="./index.full.js"></script>

    <script>
        //适配代码
        (function (doc, win) {
            var docEI = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientataionchange' : 'resize',
                recalc = function () {
                    var clientWidth = docEI.clientWidth;
                    if (!clientWidth) return;
                    //100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
                    docEI.style.fontSize = 100 * (clientWidth / 1536) + 'px';
                }

            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>
    <style>
        * {
            /* margin: 0;
            padding: 0; */
            font-size: 0.15rem;
        }

        .top-content {
            text-align: center;
        }

        .top-img {
            display: block;
            width: 1.5rem;
            margin: auto;
        }

        .top-title {
            width: 60%;
            line-height: 0.42rem;
            font-size: 0.26rem;
            word-spacing: 10px;
            margin: 0.5rem auto 0 auto;
        }

        .top-text {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .top-input {
            width: 200px;
        }

        .top-input .el-input__wrapper {
            box-shadow: none;
            border-bottom: 1px solid #333;
            border-radius: 0;
            text-align: center;
        }

        .top-input .el-input__inner {
            text-align: center;
        }

        .top-text span {
            display: inline-block;
            font-size: 0.22rem;
            width: 1rem;
            text-align: justify;
            text-align-last: justify;
        }

        .top-company {
            font-size: 0.2rem;
            word-spacing: 10px;
        }

        .table-content {
            margin-top: 0.2rem;
        }

        .bot-f {
            flex-direction: column;
            align-items: flex-end;
        }

        .bottom-item {
            width: 4rem;
            font-size: 0.12rem;
        }

        .dataForm {
            margin-top: 0;
        }
        .dataForm .el-form-item .el-form-item__label{
            font-size: 0.12rem;
        }


        .form-item-text {
            padding: 0.1rem 0.2rem;
            /* margin: 0.2rem 0; */
            /* text-indent: 2em;  */
            letter-spacing: 0.05rem;
            /* line-height: 0.3rem; */
            text-align: left;
        }


        .top-num-box {
            width: 60%;
            margin: 0 auto;
            font-size: 0.2rem;
        }

        .top-comp {
            display: flex;
            justify-content: center;
            margin: 0.8rem 0 0.4rem 0;
        }

        .t-c-left {
            box-sizing: border-box;
            padding-right: 0.1rem;
        }

        .t-c-right {
            box-sizing: border-box;
            padding-left: 0.1rem;
        }

        .t-c-item {
            width: 2.8rem;
            font-size: 0.18rem;
            margin-top: 0.15rem;
            display: flex;
            align-items: center;
        }

        .t-c-left .t-c-item>span {
            flex: 1 0 auto;
            text-align: left;
        }

        .t-c-right>.t-c-item>span {
            flex: 1 0 auto;
            text-align: left;
        }

        .sign-box {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0.8rem auto 0 auto;
        }

        .sign-box-input {
            width: 0.6rem;
        }

        .con-desc {
            font-weight: lighter;
        }

        .b_flex {
            display: flex;
            justify-content: space-between;
            padding: 0 0.2rem;
        }
        .tabLabelTit{
            font-size: 0.15rem;
        }

        .red-text {
            color: red;
        }
    </style>
</head>

<body>
    <div id="app">
        <div class="container">
            <div class="anchorPointMenu">
				<el-menu @select="handleMenuSelect">
					<el-menu-item index="index1">
                        <span v-bind:class="{'red-text': peopleForm.signature}">进场人员信息登记表</span>
                    </el-menu-item>
					<el-menu-item :disabled="!peopleForm.signature" index="index2">
                        <span  v-bind:class="{'red-text': workForm.sign}" >农民工进场须知</span></el-menu-item>
					<el-menu-item :disabled="!workForm.sign" index="index3">
                        <span  v-bind:class="{'red-text': contentForm.yName}" >劳务用工合同书</span></el-menu-item>
					<el-menu-item :disabled="!contentForm.yName" index="index4">
                        <span v-bind:class="{'red-text': enterForm.promiseName}">农民工进场承诺书</span></el-menu-item>
				</el-menu>
				<el-button :disabled="!(enterForm.promiseName && peopleForm.signature && workForm.sign && contentForm.yName  )" type="primary" @click="onsubmit()">提交</el-button>
<!--                <el-button type="primary" @click="onsubmit()">提交</el-button>-->
            </div>
            <div id="index1" class="top-content">
                <h2 class="top-title">中国水利水电第十四工程局有限公司引江补汉工程土建施工及金结机电安装8标项目经理部进场人员信息登记表</h2>
            </div>

            <!-- 人员信息登记表 -->
            <div class="table-content">
                <div class="table-form">
                    <el-form ref="dataForm" :model="peopleForm" label-width="118px" class="dataForm">
                        <el-row>
                            <el-col :span="20">
                                <el-row>
                                    <el-col :span="12">
                                        <el-form-item label="姓名" prop="memberId" class="formItemDuty"
                                            style="border-top: 0px;">
                                            <el-input v-model="peopleForm.name" class="formItemDutyIn" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="性别" prop="sex" class="formItemDuty"
                                            style="border-top: 0px;">
                                            <el-input v-model="peopleForm.sex" class="formItemDutyIn" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12">
                                        <el-form-item label="民族" prop="nation" class="formItemDuty">
                                            <el-input v-model="peopleForm.nation" class="formItemDutyIn" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="婚姻状况" prop="marriage" class="formItemDuty">
                                            <el-input v-model="peopleForm.marriage" class="formItemDutyIn" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12">
                                        <el-form-item label="出生日期" prop="birthday" class="formItemDuty">
                                            <el-input v-model="peopleForm.birthday" class="formItemDutyIn" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="籍    贯" prop="native" class="formItemDuty">
                                            <el-input v-model="peopleForm.native1" class="formItemDutyIn" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12">
                                        <el-form-item label="进场日期" prop="enterTime" class="formItemDuty">
                                            <el-input v-model="peopleForm.enterTime" class="formItemDutyIn" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="所在单位" prop="unit" class="formItemDuty">
                                            <el-input v-model="peopleForm.unit" class="formItemDutyIn" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </el-col>
                            <el-col :span="4">
                                <div class="imgBox">
                                    <img class="imgInner" v-show="peopleForm.enterImgUrl" style="height: 124px;" :src="peopleForm.enterImgUrl" alt="">
                                    <!-- <img class="img-inner" style="height: 1.25rem;" src="https://ts1.cn.mm.bing.net/th/id/R-C.23034dbcaded6ab4169b9514f76f51b5?rik=mSGADwV9o%2fteUA&riu=http%3a%2f%2fpic.bizhi360.com%2fbbpic%2f40%2f9640_1.jpg&ehk=RYei4n5qyNCPVysJmE2a3WhxSOXqGQMGJcvWBmFyfdg%3d&risl=&pid=ImgRaw&r=0" alt=""> -->
                                </div>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="24">
                                <el-row>
                                    <el-col :span="12">
                                        <el-form-item label="班组" prop="group" class="formItemDuty">
                                            <el-input v-model="peopleForm.group" class="formItemDutyIn" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="工种及持证" prop="workType" class="formItemDuty">
                                            <el-input v-model="peopleForm.workType" class="formItemDutyIn borR0" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="24">
                                <el-row>
                                    <el-col :span="12">
                                        <el-form-item label="所在宿舍" prop="dorm" class="formItemDuty">
                                            <el-input v-model="peopleForm.dorm" class="formItemDutyIn" />
                                        </el-form-item>
                                    </el-col>
                                    <el-col :span="12">
                                        <el-form-item label="联系方式" prop="phone" class="formItemDuty">
                                            <el-input v-model="peopleForm.phone" class="formItemDutyIn borR0" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="24">
                                <el-row>
                                    <el-col :span="24">
                                        <el-form-item label="身份证号" prop="idNumber" class="formItemDuty">
                                            <el-input v-model="peopleForm.idNumber" class="formItemDutyIn borR0" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="24">
                                <el-row>
                                    <el-col :span="24">
                                        <el-form-item label="家庭住址" prop="address" class="formItemDuty">
                                            <el-input v-model="peopleForm.address" class="formItemDutyIn borR0" />
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                            </el-col>
                        </el-row>
                        <el-row>
                            <div class="tabRowItem">
                                <div class="itemLeft">家庭主要（紧急）<br />联系方式</div>
                                <div class="itemRight">
                                    <el-row>
                                        <el-col :span="5" class="tabLabelTit">关 系</el-col>
                                        <el-col :span="5" class="tabLabelTit">姓 名</el-col>
                                        <el-col :span="6" class="tabLabelTit">联系方式</el-col>
                                        <el-col :span="8" class="tabLabelTit borR0">备 注</el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="5">
                                            <el-input v-model="peopleForm.relation" class="formItemDutyIn borL0" />
                                        </el-col>
                                        <el-col :span="5">
                                            <el-input v-model="peopleForm.fName" class="formItemDutyIn borL0" />
                                        </el-col>
                                        <el-col :span="6">
                                            <el-input v-model="peopleForm.fPhone" class="formItemDutyIn borL0" />
                                        </el-col>
                                        <el-col :span="8">
                                            <el-input v-model="peopleForm.fRemark" class="formItemDutyIn borL0 borR0" />
                                        </el-col>
                                    </el-row>
                                </div>
                            </div>
                        </el-row>
                        <el-row style="border-bottom: 1px solid;">
                            <div class="tabRowItem">
                                <div class="itemLeft">个人工作经验<br />（何时何地从事<br />过何种工种）</div>
                                <div class="itemRight">
                                    <el-input v-model="peopleForm.workExperience" type="textarea"
                                        class="formItemDutyIn borL0 borR0" :autosize="{ minRows: 3 }" />
                                </div>
                            </div>
                        </el-row>
                        <el-row style="height: 2.4rem;border-bottom: 1px solid #000;">
                            <el-col :span="12" style="border-right: 1px solid #000;">
                                <div class="imgBox">
                                    <img class="imgInner" v-show="peopleForm.idCardFront" style="height: 2.2rem;" :src="peopleForm.idCardFront" alt="">
                                </div>
                            </el-col>
                            <el-col :span="12">
                                <div class="imgBox">
                                    <img class="imgInner" style="height: 2.2rem;" v-show="peopleForm.idCardVerso" :src="peopleForm.idCardVerso" alt="">
                                </div>
                            </el-col>
                        </el-row>
                        <el-row style="height: 2.4rem;">
                            <el-col :span="12" style="border-right: 1px solid #000;">
                                <div class="imgBox">
                                    <img class="imgInner" style="height: 2.2rem;" v-show="peopleForm.salaryFront" :src="peopleForm.salaryFront" alt="">
                                </div>
                            </el-col>
                            <el-col :span="12">
                                <div class="imgBox">
                                    <img class="imgInner" style="height: 2.2rem;" :v-show="peopleForm.salaryVerso" :src="peopleForm.salaryVerso" alt="">
                                </div>
                            </el-col>
                        </el-row>
                    </el-form>
                    <div class="form-bottom bot-f">
                        <div class="bottom-item" @click="setUpEquipment('peopleForm.signature','TaskSignFinger')">
                            进场人员签字:<span style="color: red;font-size: 0.12rem;">（签字+按手印）</span>
                            <!--                        <el-input v-model="peopleForm.signature"-->
                            <!--                             class="people-input" placeholder=" "></el-input> -->
                            <el-image class="sign_img" v-show="peopleForm.signature" :src="peopleForm.signature"
                                fit="fill"></el-image>

                        </div>
                        <div class="bottom-item">
                            日期:<span style="color: red;font-size: 0.12rem;">（与三级教育时间一致）</span><el-input
                                v-model="peopleForm.sdate" class="people-input" placeholder=" "></el-input> </div>
                    </div>
                    <!-- <dov class="bottomBox">
                  <div class="bItem"></div>
                </dov> -->
                </div>

            </div>

            <div id="index2" class="top-content">
                <h2 class="top-title">中国水利水电第十四工程局有限公司引江补汉工程土建施工及金结机电安装8标项目经理部农民工进场须知</h2>
            </div>

            <!-- 农民工进场须知 -->
            <div class="table-content">
				<div class="people-top">
					<div style="display: flex; align-items:center;margin: 0 auto 10px auto;">
						工人编号：<el-input v-model="workForm.number" class="people-input" style="width: 2rem;"
							placeholder=" "></el-input>
					</div>
				</div>
                <div class="table-form">
                    <el-form ref="dataForm" :model="workForm" label-width="118px" class="dataForm">
                        <el-row>
                            <el-row>
                                <el-col :span="24">
                                    <el-row>
                                        <el-col :span="24">
                                            <div class="form-item-text">
                                                1、进场2日内，必须携带本人身份证原件到相应分包企业（单位）项目现场农民工管理员处报到，并准确填写《进场人员信息登记表》。若未携带本人身份证原件者，我单位将不承认其在工地施工作业。如发现有负案在逃人员，将由执法机关处理。
                                            </div>
                                            <div class="form-item-text">
                                                2、项目部农民工管理办公室工作人员（农民工管理员）对进场民工填写的《进场人员信息登记表》进行审核并采集民工个人指纹。对拒绝或者未填报《进场人员信息登记表》的农民工拒绝招用。填报信息不准确的农民工所造成的后果由分包企业（单位）及本人承担。
                                            </div>
                                            <div class="form-item-text">
                                                3、必须在进场作业前与分包企业（单位）签订《劳务用工合同》或提供《劳务协议书》。若发现限期内未与分包企业（单位）签订《劳务用工合同》，或未提供《劳务协议书》的，将给予清退。
                                            </div>
                                            <div class="form-item-text">
                                                4、应积极参加项目部组织的岗前安全教育培训及技术交底，并经考核合格后方可上岗作业。上岗后自觉遵守国家法律法规及项目部规章制度并服从项目部及分包企业（单位）相关管理人员的合理生产组织安排。
                                            </div>
                                            <div class="form-item-text">
                                                5、必须按有关规范要求正确使用劳动保护用品、用具及防护器材，精心维护和使用机械设备，保持作业环境整洁，搞好安全生产及文明生产。
                                            </div>
                                            <div class="form-item-text">
                                                6、分包企业（单位）将每月按时对所属农民工工资造册，本人应签字确认，分包企业（单位）于每月25日前上报到项目部。
                                            </div>
                                            <div class="form-item-text">
                                                7、项目部对农民工工资表审核无误后，统一将工资直接打到民工个人工资卡上（特殊情况下，采取现金形式发放）。发放到位后将在三天内进行告知，工资发放公示期间，需及时向项目部反馈工资到位情况。
                                            </div>
                                            <div class="form-item-text">
                                                8、若在中途退场，必须到分包企业（单位）指定负责人办理退场手续，并填写《退场确认书》；分包企业（单位）必须农在农民工退场后2天内上报项目部；劳务人员本人需如实反馈工资发放等情况，并签字确认，否则项目部无法监督分包企业确保其本人的合法权益。
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="border-top: 1px solid;">
                                        <el-col :span="12"
                                            style="display: flex;align-items: center;justify-content: center;border-right: 1px solid;">
                                            <div style="letter-spacing: 0.02rem;font-size: 0.18rem;">本人已认真阅读并熟知上述农民工管理要点
                                            </div>
                                        </el-col>
                                        <el-col :span="12">
                                            <el-row style="border-bottom: 1px solid;">
                                                <el-col :span="24" class="sign_box">
                                                    <span style="color: red;"
                                                        @click="setUpEquipment('workForm.sign','TaskSignFinger')">(签字+按手印)</span>
                                                    <!--                                                <el-input v-model="workForm.sign" class="people-input" style="width: 300px;"-->
                                                    <!--                                                          placeholder=" "></el-input>-->
                                                    <el-image class="sign_img" v-show="workForm.sign"
                                                        :src="workForm.sign" fit="fill"></el-image>

                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="24">
                                                    <el-input v-model="workForm.year" class="people-input"
                                                        placeholder=" "></el-input> 年
                                                    <el-input v-model="workForm.month" class="people-input"
                                                        placeholder=" "></el-input> 月
                                                    <el-input v-model="workForm.day" class="people-input"
                                                        placeholder=" "></el-input> 日
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </el-row>
                                </el-col>
                            </el-row>
                        </el-row>
                    </el-form>
                </div>

            </div>

            <div class="top-num-box">编号 <el-input v-model="topForm.fileNum" class="top-input" placeholder=" "></el-input></div>
            <div class="top-content"  id="index3">
                <h2 class="top-title">劳 务 用 工 合 同 书</h2>
                <div class="top-text" style="margin-top: 1rem;margin-bottom: 0.5rem;"><span>甲 方</span>
                    <el-input v-model="topForm.JName" class="top-input" placeholder=" "></el-input>
                </div>
                <div class="top-text"><span>乙 方</span>
                    <el-input v-model="topForm.YName" class="top-input" placeholder=" "></el-input>
                </div>
                <div class="top-comp">
                    <div class="t-c-left">
                        <div class="t-c-item">
                            <span>甲方</span>
                        </div>
                        <div class="t-c-item">
                            <span>法人代表：</span>
                            <el-input v-model="topForm.JName1" class="" placeholder=" "></el-input>
                        </div>
                        <div class="t-c-item">
                            <span>或委托代理人：</span>
                            <el-input v-model="topForm.jAgent" class="" placeholder=" "></el-input>
                        </div>
                        <div class="t-c-item">
                            <span>联系方式：</span>
                            <el-input v-model="topForm.jPhone" class="" placeholder=" "></el-input>
                        </div>
                    </div>
                    <div class="t-c-right">
                        <div class="t-c-item">
                            <span>乙方</span>
                        </div>
                        <div class="t-c-item">
                            <span>姓名：</span>
                            <el-input v-model="topForm.YName1" class="" placeholder=" "></el-input>
                        </div>
                        <div class="t-c-item">
                            <span>身份证号码：</span>
                            <el-input v-model="topForm.yIdCard" class="" placeholder=" "></el-input>
                        </div>
                        <div class="t-c-item">
                            <span>联系方式：</span>
                            <el-input v-model="topForm.yPhone" class="" placeholder=" "></el-input>
                        </div>
                    </div>
                </div>
                <div class="sign-box">
                    <span>签订日期：</span>
                    <el-input v-model="topForm.year" class="sign-box-input" placeholder=" "></el-input> 年
                    <el-input v-model="topForm.month" class="sign-box-input" placeholder=" "></el-input> 月
                    <el-input v-model="topForm.day" class="sign-box-input" placeholder=" "></el-input> 日
                </div>
            </div>

            <div class="table-content" style="text-align: left;margin-top: 1rem;">
                <div class="danger-info">
                    根据《中华人民共和国劳动法》和《中华人民共和国劳动合同法》有关规定，甲乙双方经平等协商一致，自愿签订本合同，共同遵守合同所列条款。
                </div>
                <h3>一、劳务合同期限<span class="con-desc">（甲乙双方选择适用）</span></h3>
                <div class="danger-info">1、有固定期限劳务合同</div>
                <div class="danger-info">本合同于
                    <el-input v-model="contentForm.year1" class="w6" placeholder=" "></el-input> 年
                    <el-input v-model="contentForm.month1" class="w5" placeholder=" "></el-input> 月
                    <el-input v-model="contentForm.day1" class="w5" placeholder=" "></el-input> 日生效，于
                    <el-input v-model="contentForm.year2" class="w6" placeholder=" "></el-input> 年
                    <el-input v-model="contentForm.month2" class="w5" placeholder=" "></el-input> 月
                    <el-input v-model="contentForm.day2" class="w5" placeholder=" "></el-input> 日终止。
                </div>
                <div class="danger-info">2、无固定期限劳务合同</div>
                <div class="danger-info">本合同生效日期为
                    <el-input v-model="contentForm.year3" class="w6" placeholder=" "></el-input> 年
                    <el-input v-model="contentForm.month3" class="w5" placeholder=" "></el-input> 月
                    <el-input v-model="contentForm.day3" class="w5" placeholder=" "></el-input> 日起。
                </div>

                <h3>二、工作内容和要求</h3>
                <div class="danger-info">
                    1、甲方招用乙方在<el-input v-model="contentForm.projectName" class="inputBorBot w30"
                        placeholder=" "></el-input>（工程名称）工程中担任<el-input v-model="contentForm.workType"
                        class="inputBorBot w10" placeholder=" "></el-input>岗位（工种）工作。因工作需要，甲乙双方协商一致，可以变更岗位（工种）以及工作地点。
                </div>
                <div class="danger-info">2、乙方应按照甲方的要求，按时完成规定的工作任务，达到规定的质量标准。</div>

                <h3>三、劳动保护和劳动条件</h3>
                <div class="danger-info">
                    1、甲方对乙方的工作时间安排必须执行国家规定的工时制度。甲方由于生产经营需要，经乙方同意后，可安排乙方加班，但不得违反国家有关规定，且应合理安排职工补休或按照《中华人民共和国劳动法》的有关规定依法支付加班、延长工作时间工资报酬。
                </div>
                <div class="danger-info">
                    2、甲方应当在乙方进入施工现场前对乙方进行入场施工安全教育。甲方应当对已取得电工、焊工、登高作业及特殊工种操作证书的乙方进行岗位前培训（或书面交底）后，方可上岗作业。
                </div>
                <div class="danger-info">
                    3、甲方根据生产岗位的需要，按照国家劳动安全、卫生的有关规定，为乙方配备必要的安全防护措施，发放必要的劳动保护用品。
                </div>
                <div class="danger-info">
                    4、甲方根据国家有关法律法规，依法建立安全生产制度，乙方应当严格遵守甲方的劳动安全制度，严禁违章作业，防止劳动过程中的事故，减少职业危害。
                </div>

                <h3>四、工资及福利待遇</h3>
                <div class="danger-info">
                    1、甲方每月支付乙方劳务报酬标准为<el-input v-model="contentForm.price1" class="inputBorBot w10"
                        placeholder=" "></el-input>元/天(根据每月考勤情况进行发放),同时规定加班工资为<el-input v-model="contentForm.price2"
                        class="inputBorBot w10" placeholder=" "></el-input>元/小时（或班）。
                </div>
                <div class="danger-info">
                    2、甲乙双方约定由银行直接转账乙方银行卡支付工资，甲方应每月及时向乙方个人发放工资，工资发放记录应由乙方亲笔签字后按手印确认。考虑到甲方承担工程施工结算的滞后性，若因甲方资金周转原因，经甲、乙双方协商同意后，在劳务用工合同未终止或解除的情况下可暂缓乙方部分工资发放，但滞后工资最长时间限乙方签字确认后30天内。
                </div>
                <div class="danger-info">
                    乙方个人所得税由甲乙双方根据相关法律法规确定扣缴义务人，相关义务及费用均由甲乙双方承担，与项目部无关。经乙方签印的工资发放表中实发金额为乙方当期应得全部金额，真实准确并足额支付。
                </div>
                <div class="danger-info">
                    3、3、甲方应在劳务用工合同终止、解除时一次性付清乙方工资。乙方在接收剩余工资前应向甲方签署《农民工退场确认书》，若因乙方原因未向甲方提供《农民工退场确认书》或无正当理由拒绝在《农民工退场确认书》上签字确认，甲方有权暂缓乙方剩余工资的支付。
                </div>

                <h3>五、劳动纪律和劳务用工合同的变更、解除、终止、续订</h3>
                <div class="danger-info">
                    1、乙方应严格遵守甲方的各项制度、劳动纪律和安全技术操作规程。因乙方违反甲方相关规定或不服从甲方管理造成的损失，甲方有权根据调查结果给予乙方相应经济处罚，情节严重的甲方有权单方面解除合同
                </div>
                <div class="danger-info">
                    2、乙方有下列情形之一的，甲方可以单方解除本合同：
                </div>
                <div class="danger-info">
                    （1）被证明不符合录用条件的；
                </div>
                <div class="danger-info">
                    （2）有打架斗殴、偷窃、赌博等违法、违纪行为的；
                </div>
                <div class="danger-info">
                    （3）严重失职、营私舞弊，对甲方造成重大损害的；
                </div>
                <div class="danger-info">
                    （4）严重违反甲方安全管理规定和甲方劳动纪律的；
                </div>
                <div class="danger-info">
                    （5）劳动者同时与其他用人单位建立劳动关系，对完成本单位的工作任务造成严重影响，或者经甲方提出，拒不改正的；
                </div>
                <div class="danger-info">
                    （6）被依法追究刑事责任的；
                </div>
                <div class="danger-info">
                    （7）体检结果不适宜从事本工程施工作业的。
                </div>
                <div class="danger-info">
                    3、有下列情形之一的，乙方可以单方解除本合同
                </div>
                <div class="danger-info">
                    （1）未按照劳务用工合同约定提供劳动保护或者劳动条件的；
                </div>
                <div class="danger-info">
                    （2）未及时足额支付劳动报酬的，双方协商同意暂缓支付情况的除外；
                </div>
                <div class="danger-info">
                    （3）用人单位的规章制度违反法律、法规的规定，损害劳动者利益的；
                </div>
                <div class="danger-info">
                    （4）因劳动合同法第二十六条第一款规定的情形致使劳务用工合同无效的；
                </div>
                <div class="danger-info">
                    （5）甲方以暴力、威胁、监禁、或者非法限制人身自由的手段强迫劳动的；或者用人单位违章指挥、强令冒险作业危及劳动者人身安全的；
                </div>
                <div class="danger-info">
                    （6）法律、行政法规规定劳动者可以解除劳务用工合同的其他情形的。
                </div>
                <div class="danger-info">
                    4、甲方负责在乙方进场后一个月以内为乙方安排体检，乙方应予配合。若体检结果证明乙方有以下疾病不适合从事本工程施工作业时，甲方有权在支付乙方应付工资后单方面解除合同，此行为不视为甲方违约，乙方不得以此追究甲方违约责任。
                </div>
                <div class="danger-info">
                    （1）办公人员：高血压、心脏病、癫痫、尘肺病、恐高症、晕动（眩晕）症等职业禁忌疾病；
                </div>
                <div class="danger-info">
                    （2）食堂工作人员：呼吸道传染病（肺结核）、肠道传染病（伤寒、痢疾等）、各型肝炎（甲肝、乙肝等）以及其他各种易通过血液、体液、接触传播的疾病。
                </div>

                <h3>六、违约责任、劳动争议处理及其它</h3>
                <div class="danger-info">
                    1、甲方违反本合同约定条件解除合同或由于甲方原因订立的无效劳务用工合同，给乙方造成损害的，应按照国家规定承担赔偿责任。
                </div>
                <div class="danger-info">
                    2、乙方违反本合同约定的条件解除劳务用工合同，对甲方造成经济损失的，应赔偿给甲方造成的经济损失。
                </div>
                <div class="danger-info">
                    3、双方因履行本合同发生争议,当事人可以向甲方劳动争议调解委员会申请调解;调解不成的,应当自劳动争议发生之日起60日内向劳动争议仲裁委员会申请仲裁。当事人一方也可以直接向 工程所在地
                    劳动争议仲裁委员会申请仲裁。
                </div>
                <div class="danger-info">
                    4、本合同签订前甲方已向乙方详细介绍本工程施工特点、作业环境、管理要求及本合同条款中涉及乙方权利义务的相关要点，乙方已理解并同意本合同条款内容。
                </div>
                <div class="danger-info">
                    5、如发生紧急情况时甲方会联系乙方近亲属（即：紧急联系人），因紧急联系人联系信息有误或发生变动后乙方未通知甲方的，由乙方自行承担责任。
                </div>
                <div class="danger-info">
                    紧急联系人：姓名<el-input v-model="contentForm.jName" class="inputBorBot w10" placeholder=" "></el-input>
                    ，与本人关系<el-input v-model="contentForm.jRelation" class="inputBorBot w10" placeholder=" "></el-input>
                    ，联系地址<el-input v-model="contentForm.jAddress" class="inputBorBot w30" placeholder=" "></el-input>
                    ，联系电话<el-input v-model="contentForm.jPhone" class="inputBorBot w20" placeholder=" "></el-input>。
                </div>
                <div class="danger-info">
                    6、本合同未尽事宜或与国家颁布的劳动法律、法规、规章不符的，按照有关规定执行。
                </div>
                <div class="danger-info">
                    7、本合同一式叁份，甲、乙双方各执壹份，项目部留存一份，每份均具有相同效力。本合同自双方签字盖章（按手印）后生效。
                </div>
                <div class="danger-info">
                    8、双方约定的其他事项 <el-input v-model="contentForm.otherCon" class="inputBorBot w10"
                        placeholder=" "></el-input> 。
                </div>

                <div class="top-comp" style="justify-content: space-between;padding: 0 0.2rem;letter-spacing: 0.05rem">
                    <div class="t-c-left">
                        <div class="t-c-item">
                            <span>甲方：（公章）</span>
                        </div>
                        <div class="t-c-item">
                            <span>法定代表：</span>
                            <el-input v-model="contentForm.jName1" class="" placeholder=" "></el-input>
                        </div>
                        <div class="t-c-item">
                            <span>或委托代理人：</span>
                            <el-input v-model="contentForm.jAgent" class="" placeholder=" "></el-input>
                        </div>
                    </div>
                    <div class="t-c-right" style="margin-right: 0.3rem;">
                        <div class="t-c-item">
                            <span @click="setUpEquipment('contentForm.yName','TaskSignFinger')">乙方：（签印）</span>
                            <el-image class="sign_img" v-show="contentForm.yName" :src="contentForm.yName"
                                fit="fill"></el-image>
                        </div>
                    </div>
                </div>
                <div class="b_flex" style="letter-spacing: 0.05rem">
                    <div>
                        签订日期：
                        <el-input v-model="contentForm.year4" class="w6" placeholder=" "></el-input> 年
                        <el-input v-model="contentForm.month4" class="w5" placeholder=" "></el-input> 月
                        <el-input v-model="contentForm.day4" class="w5" placeholder=" "></el-input> 日
                    </div>
                    <div>
                        签订日期：
                        <el-input v-model="contentForm.year5" class="w6" placeholder=" "></el-input> 年
                        <el-input v-model="contentForm.month5" class="w5" placeholder=" "></el-input> 月
                        <el-input v-model="contentForm.day5" class="w5" placeholder=" "></el-input> 日
                    </div>
                </div>

            </div>

            <div class="top-content"  id="index4">
                <h2 class="top-title">中国水利水电第十四工程局有限公司引江补汉工程土建施工及金结机电安装8标项目经理部农民工进场承诺书</h2>
                <div class="people-top"
                    style="margin-top: 0.1rem;display: flex; align-items:center;justify-content: center;">
                    <div style="display: flex; align-items:center;justify-content: center;font-size: 0.14rem;">
                        工人编号：<el-input v-model="enterForm.number" class="people-input" style="width: 2rem;"
                            placeholder=" "></el-input>
                    </div>
                </div>
            </div>

            <div class="table-content" style="text-align: left;">
                <div class="danger-info">
                    本人
                    <el-input v-model="enterForm.name" class="inputBorBot w10" placeholder=" "></el-input>
                    （身份证号：<el-input v-model="enterForm.idNumber" class="inputBorBot w20" placeholder=" "></el-input>）
                    是<el-input v-model="enterForm.company" class="inputBorBot w20" placeholder=" "></el-input>
                    公司承建的<el-input v-model="enterForm.project" class="inputBorBot w30" placeholder=" "></el-input>
                    项目<el-input v-model="enterForm.group" class="inputBorBot w20" placeholder=" "></el-input>
                    班组的工人。本人郑重承诺并保证做到：
                </div>
                <div class="danger-info">
                    一、知悉公司的各项规章制度、保障农民工工资支付规范化管理等内容，自愿配合公司落实实名制管理、专用账户管理、总包代发工资等工资支付保障制度。
                </div>
                <div class="danger-info">
                    二、如实提供个人身份信息，严格落实考勤制度，进场前签订劳务用工合同，退场签署工人退场确认书。劳务用工合同、入场承诺书、考勤表（工作量表）、工资支付表、退场确认书，劳务用工合同签领表等由本人亲笔签字。
                </div>
                <div class="danger-info">
                    三、公司用于发放工资的银行卡由本人试用和保管。本人定期与班组长核实确认每月出勤天数（工作量）和工资，核对在维权信息公示牌上的工资表和考勤表（工作量表），不虚报出勤（工作量），不冒领工资，否则由本人自愿承担相应法律和经济责任。
                </div>
                <div class="danger-info">
                    四、当本人合法权益受到侵害时（如劳资纠纷、工伤事故纠纷等），向公司申诉或向总包单位（项目部）请求协调解决，在处理无效的情况下，依法向有关部门举报投诉或向人民法院提起诉讼。自觉遵守法律法规，决不采取闹访、围攻围堵公共设施和相关单位等非法过激行为，决不恶意或过激讨薪，通过合法途径理性反映诉求。如有无理或非法行为愿意承担一切法律责任。
                </div>
                <div class="danger-info">
                    特此承诺。
                </div>
                <div class="danger-info" style="margin: 0.5rem 0; ">
                    此页无正文
                </div>
                <div class="danger-info">
                    附件：身份证复印件
                </div>
                <div class="danger-info" @click="setUpEquipment('enterForm.promiseName','TaskSignFinger')"
                    style="display: flex;justify-content: flex-end;align-items: center;">
                    承诺人（签字并加按指印）：
                    <!--                <el-input v-model="enterForm.group" class="w20" placeholder=" "></el-input>-->
                    <el-image class="sign_img" style="padding-right:150px" v-show="enterForm.promiseName" :src="enterForm.promiseName" fit="fill"></el-image>
                </div>
                <div class="danger-info" style="display: flex;justify-content: flex-end;align-items: center;">
                    <el-input v-model="enterForm.year" class="w6" placeholder=" "></el-input> 年
                    <el-input v-model="enterForm.month" class="w5" placeholder=" "></el-input> 月
                    <el-input v-model="enterForm.day" class="w5" placeholder=" "></el-input> 日
                </div>
                <div class="danger-info" style="display: flex;justify-content: flex-end;align-items: center;">
                    <div class="imgBox" style="border: 1px solid #000;padding: 0.1rem;margin-right: 0.1rem;">
                        <img class="imgInner" style="height: 2.2rem;" src="peopleForm.idCardFront" alt="">
                    </div>
                    <div class="imgBox" style="border: 1px solid #000;padding: 0.1rem;">
                        <img class="imgInner" style="height: 2.2rem;" src="peopleForm.idCardVerso" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>


    </div>
    <script>
        const {
            createApp,
            reactive,
            toRefs,
            ref
        } = Vue;
        const vue3Composition = {
            setup() {
                const topForm = ref({
					fileNum: '',
                    jName: '',
                    yName: '',
                    JName1: '',
                    jAgent: '',
                    jPhone: '',
                    yName1: '',
                    yIdCard: '',
                    yPhone: '',
                    year: '',
                    month: '',
                    day: '',
                })
                const peopleForm = ref({
                    name: "",
                    sex: "",
                    age: "",
                    nation: "",
                    marriage: "",
                    birthday: "",
                    native1: "",
                    enterTime: "",
                    unit: "",
                    enterImgUrl: "",
                    group: "",
                    workType: "",
                    dorm: "",
                    phone: "",
                    idNumber: "",
                    relation: "",
                    fRelation: "",
                    fName: "",
                    fPhone: "",
                    fRemark: "",
                    workExperience: "",
                    idCardFront: "",
                    idCardVerso: "",
                    salaryFront: "",
                    salaryVerso: "",
                    signature: "",
                    sdate: "",
                    day: "",
                })

                const workForm = ref({
                    number: "",
                    sign: "",
                    year: "",
                    month: "",
                    day: "",
                })

                const contentForm = ref({
                    year1: "",
                    month1: "",
                    day1: "",
                    year2: "",
                    month2: "",
                    day2: "",
                    year3: "",
                    month3: "",
                    day3: "",
                    projectName: "",
                    workType: "",
                    price1: "",
                    price2: "",
                    jName: "",
                    jRelation: "",
                    jAddress: "",
                    jPhone: "",
                    otherCon: "无",
                    jAgent: "",
                    yName: "",
                    year4: "",
                    month4: "",
                    day4: "",
                    year5: "",
                    month5: "",
                    day5: "",
                    jName1: "",
                })

                const enterForm = ref({
                    number: "",
                    name: "",
                    idNumber: "",
                    company: "",
                    project: "",
                    group: "",
                    year: "",
                    month: "",
                    day: "",
                    idCardFront: "",
                    idCardVerso: "",
                    promiseName: "",

                })

                let dataKey = ref()
                const setUpEquipment = (key, type) => {
                    dataKey.value = key
                    //提交这么写
                    window.parent.childListener({data: type});
                }
               window.handleMessage = (event) => {
                    let eventData = JSON.parse(event.data)
                    if (eventData.type == 1) {
                        console.log("这里是父项目传来的值", eventData);
                        let data = eventData.data
                        console.log(data, "datadatadata")
                        peopleForm.value = data.wagePeople
                        contentForm.value = data.wageContent
                        enterForm.value = data.wageEnter
						workForm.value = data.wageWork
                        topForm.value = data.wageTop
                    } else {
                        if (dataKey.value == 'workForm.sign') {
                            workForm.value.sign = 'data:image/png;base64,' + eventData.data + ''
                        } else if (dataKey.value == 'peopleForm.signature') {
                            peopleForm.value.signature = 'data:image/png;base64,' + eventData.data + ''
                        } else if (dataKey.value == 'enterForm.group') {
                            enterForm.value.group = 'data:image/png;base64,' + eventData.data + ''
                        } else if (dataKey.value == 'contentForm.yName') {
                            contentForm.value.yName = 'data:image/png;base64,' + eventData.data + ''
                        }  else if (dataKey.value == 'enterForm.promiseName') {
                            enterForm.value.promiseName = 'data:image/png;base64,' + eventData.data + ''
                        }



                    }

                };

                function handleMenuSelect(index) {
					const anchor = document.getElementById(index);
					if (anchor) {
						anchor.scrollIntoView({
							behavior: 'smooth'
						});
					}
				}

                const onsubmit = () => {
                    console.log(contentForm.value,"----------------")
                    let data = {
                        type: "form-g",
                        dataJson:
                        {
                            idCard: peopleForm.value.idNumber,
                            wageTop: topForm.value,
                            wageContent: contentForm.value,
                            wageEnter: enterForm.value,
                            wageWork: workForm.value,
                            wagePeople: peopleForm.value
                        }
                    }
                    window.parent.childListener({data: JSON.stringify(data)});
                }
                return {
                    topForm,
                    peopleForm,
                    workForm,
                    contentForm,
                    enterForm,
                    setUpEquipment,
                    handleMenuSelect,
                    onsubmit
                }
            }

        }
        const app = createApp(vue3Composition).use(ElementPlus).mount('#app');
    </script>
</body>


</html>
